<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<!DOCTYPE HTML>
<html>
<head>
<title>登录页面</title>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<link href="${pageContext.request.contextPath}/css/style.css"
	type=text/css rel=stylesheet>
<link href="${pageContext.request.contextPath}/css/boot-crm.css"
	type=text/css rel=stylesheet>
<script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js">
	
</script>
<style>
 body {
	 background: url("${pageContext.request.contextPath}/imges/login1.jpg") no-repeat;
	 background-size: 100% 120%;
 }

#login_box {
	width: 90%;
	height: 400px;
	background-color: #00000060;
	margin: auto;
	margin-top: 10%;
	text-align: center;
	border-radius: 10px;
	padding: 50px 50px;
}

h2 {
	color: rgba(253, 253, 253, 0.87);
	margin-top: 5%;
}

#input-box {
	margin-top: 5%;
}

span {
	color: #fff;
}

input {
	border: 0;
	width: 60%;
	font-size: 15px;
	color: #fff;
	background: transparent;
	border-bottom: 2px solid #fff;
	padding: 5px 10px;
	outline: none;
	margin-top: 10px;
}

button {
	margin-top: 50px;
	width: 60%;
	height: 30px;
	border-radius: 10px;
	border: 0;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	background-image: linear-gradient(to right, #30cfd0, #330867);
}

#sign_up {
	margin-top: 45%;
	margin-left: 60%;
}

a {
	color: #b94648;
}
</style>
<meta content="MSHTML 6.00.2600.0" name=GENERATOR>
<script>
	// 判断是登录账号和密码是否为空
	function check() {
		var username = $("#username").val();
		var password = $("#password").val();
		if (username == "" || password == "") {
			$("#message").text("账号或密码不能为空！");
			return false;
		}
		return true;
	}
</script>
</head>
<body  class="background_">
	<div ALIGN="center">
		<table  border="0" width="800px" cellspacing="0" cellpadding="0"
			id="table1">
			<tr>
				<td height="93"></td>
				<td></td>
			</tr>
			<tr >
				<td		width="500" height="412"></td>
				<td class="login_msg" width="400" align="center" >
					<!-- margin:0px auto; 控制当前标签居中 -->
						<legend>
							<font style="font-size: 15px" face="宋体">  </font>
						</legend>
						<font color="red"> <%-- 提示信息--%> <span id="message">${msg}</span>
						</font>
						<div id="login_box">
							<h2>欢迎使用停车服务管理系统</h2>
							<form action="${pageContext.request.contextPath }/login"	method="post" onsubmit="return check()">
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /><div id="input_box">
								<br /> <span>账&nbsp;号：</span><input id="username" type="text" name="username" /></div>
								<br /><div class="input_box">
								<br /><span> 密&nbsp;码：</span><input id="password" type="password" name="password" /> <br /></div>
								<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<button type="submit" >登录</button>
							</form>

						</div>


					</fieldset>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>
